<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link type="text/css" rel="stylesheet" href="../../../easyui-1.11.3/themes/bootstrap/easyui.css">
        <link rel="stylesheet" type="text/css" href="../../../easyui-1.11.3/themes/icon.css">
        <link rel="stylesheet" type="text/css" href="../../extend/themes/icon.css">
        <script type="text/javascript" src="../../jquery.min.js"></script>
        <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
        <script type="text/javascript" src="../../../easyui-1.11.3/locale/easyui-lang-zh_CN.js"></script>
        <script type="text/javascript" src="../../extend/jquery.json-2.4.min.js"></script>
        <script type="text/javascript" src="../../extend/jquery.easyui.panel.extend.js"></script>
        <script type="text/javascript" src="../../extend/jquery.easyui.toolbar.extend.js"></script>
        <!--<script type="text/javascript" src="../../jquery.easyui.extensions.min.js"></script>-->
        <link rel="stylesheet" type="text/css" href="../../syntaxhighlighter/styles/shCoreDefault.css">
        <script type="text/javascript" src="../../syntaxhighlighter/scripts/shCore.js"></script>
        <script type="text/javascript" src="../../syntaxhighlighter/scripts/shBrushJScript.js"></script>
        <script type="text/javascript" src="../../syntaxhighlighter/scripts/shBrushXml.js"></script>
        <script type="text/javascript">
            SyntaxHighlighter.config.tagName = "textarea";
            SyntaxHighlighter.all();
        </script>
        <script type="text/javascript">
            $(function(){
                $('#p').panel({
                    width: 500,
                    height: 150,
                    title: 'Panel',
                    customAttr: {
                        toolbar: '#toolbar'
                    }
                });
            });
        </script>
    </head>
    <body>
        <!--<h3>复杂Toolbar演示</h3>-->
        <!--<div id="p"></div>-->
        <!--<div id="toolbar">-->
            <!--<table cellspacing="0" cellpadding="0">-->
                <!--<tr>-->
                    <!--<td>-->
                        <!--<a href="#" class="easyui-linkbutton" data-options="plain:true, iconCls: 'icon-add'">Add</a>-->
                    <!--</td>-->
                    <!--<td>-->
                        <!--<div class="dialog-tool-separator"></div>-->
                    <!--</td>-->
                    <!--<td>-->
                        <!--<input id="ss" type="text" style="width: 120px;">-->
                        <!--<a href="#" class="easyui-linkbutton" data-options="plain: true, iconCls:'icon-search'">查询</a>-->
                    <!--</td>-->
                <!--</tr>-->
            <!--</table>-->
        <!--</div>-->



        <div class="easyui-tabs" data-options="fit: true, plain: true">
            <div data-options="title: 'Demo'">
                <h3>复杂Toolbar演示</h3>
                <div id="p"></div>
                <div id="toolbar">
                    <table cellspacing="0" cellpadding="0">
                        <tr>
                            <td>
                                <a href="#" class="easyui-linkbutton" data-options="plain:true, iconCls: 'icon-add'">Add</a>
                            </td>
                            <td>
                                <div class="dialog-tool-separator"></div>
                            </td>
                            <td>
                                <input id="ss" type="text" style="width: 120px;">
                                <a href="#" class="easyui-linkbutton" data-options="plain: true, iconCls:'icon-search'">查询</a>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div data-options="title: 'Code'" style="font-size: 14px;">
                <p>javascript:</p>
                <textarea class="brush: js; highlight:[6,7,8,10]">
                        $(function(){
                            $('#p').panel({
                                width: 500,
                                height: 150,
                                title: 'Panel',
                                customAttr: {
                                    toolbar: '#toolbar'
                                }
                            });
                        });
                </textarea>
                <p>html:</p>
                <textarea class="brush: html; highlight:[4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]">
                    <body>
                        <h3>复杂Toolbar演示</h3>
                        <div id="p"></div>
                        <div id="toolbar">
                            <table cellspacing="0" cellpadding="0">
                                <tr>
                                    <td>
                                        <a href="#" class="easyui-linkbutton"
                                           data-options="plain:true, iconCls: 'icon-add'">Add</a>
                                    </td>
                                    <td>
                                        <div class="dialog-tool-separator"></div>
                                    </td>
                                    <td>
                                        <input type="text" style="width: 120px;">
                                        <a href="#" class="easyui-linkbutton"
                                           data-options="plain: true, iconCls:'icon-search'">查询</a>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </body>
                </textarea>
            </div>
        </div>
    </body>
</html>